<!doctype html>

<html>
    <head>
        <meta charset="UTF-8" />
        <title>L-System Drawing Utility</title>
        <link href="l-systems-stylesheet.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
    </head>
    <body>
    	<h1>Welcome to the L-est System drawer that you'll ever use...</h1>
		<p>YOU ENTER ANGLE NAO (DEGREES): <input type="text" id="angle" name="angle" /></p>
		<p>NEW! YOU CHOOZ AXIOMZ: <input type="text" id="axiom" name="axiom" /></p>
		<p>NAO PUT DA RULEZ: <input type="text" id="rule" name="rule" /></p>
		<p>YOO PUT DA ITERATIONS HEAR: <input type="text" id="iterations" name="iterations" /></p> 
		<p>DRAWING TIEM: <input type="submit" id="submit" value="DO EET"></p>
        <canvas id="lsystemCanvas" width="800" height="800">
        	<p>Get a real browser n00b.</p>
        </canvas>
        <script src="l-systemBackend.js"></script>
    </body>
</html>